<template>
  <uni-popup ref="lawyerApply6" type="center">
    <order-popup-common  morenWidth="660" title="退款" @closePop="closePop('lawyerApply6')">
      <view slot="popup-con" >
        <view class="flex flex-vertical" style="font-size: 15px;">
          <view class="flex flex-horizontal flex-center-v item">
            <text class="flex flex-1" >退款金额</text>
            <text class="money-text" >¥{{item.yuan_money}}</text>
          </view>
		  <view class="flex flex-horizontal flex-center-v item">
		    <text class="flex flex-1" >扣费明细</text>
		    <text class="money-text" >{{item.qudao_money}}</text>
		  </view>
		  <view class="flex flex-horizontal flex-center-v item">
		    <text class="flex flex-1" >余额</text>
		    <text class="money-text" >¥{{item.money}}</text>
		  </view>
		  <view class="flex flex-horizontal flex-center-v item">
		    <text class="flex flex-1" >退款原因</text>
			<text  style="margin-left: 5px;color: #999;">{{item.origin}}</text>
		  </view>
        </view>
      </view>
      <view slot="popup-btn" class="flex flex-center" style="padding: 10px 0;" @click="closePop('lawyerApply6')">
        <view class="comfir-btn flex flex-center" style="width: 180px;height: 38px;border-radius: 38px;">我知道了</view>
      </view>
    </order-popup-common>
  </uni-popup>
</template>

<script>
export default {
  props: ['item'],
  data() {
    return {
    };
  }
}

</script>

<style>
.image-icon {
  width: 37rpx;
  height: 34rpx;
}
.item {
  height: 40px;
  padding: 0 15px;
}
.image-r {
  width: 9px;
  height: 14px;
  margin-left: 7.5px;
}
</style>
